{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: BUSL-1.1
}}

<section class="section">
  <div class="container is-widescreen">
    <ReplicationPage @model={{this.model}} as |Page|>
      <Page.header @showTabs={{true}} />
      {{#if Page.isDisabled}}
        <EmptyState
          @title="Disaster Recovery secondary not set up"
          @message={{Page.message}}
          @icon="alert-circle"
          @bottomBorder={{true}}
          class="is-shadowless"
        >
          <Hds::Link::Standalone @icon="chevron-left" @text="Go back" @route="vault.cluster.secrets.backends" />
          <Hds::Link::Standalone
            @icon="learn-link"
            @iconPosition="trailing"
            @color="secondary"
            @text="Disaster recovery tutorial"
            @href={{doc-link "/vault/tutorials/enterprise/disaster-recovery"}}
          />
        </EmptyState>
      {{else}}
        <Page.dashboard
          {{! passing in component to render so that the yielded components are flexible based on the dashboard }}
          @componentToRender="replication-secondary-card"
          as |Dashboard|
        >
          <Dashboard.card @title="Status" />
          <Dashboard.card @title="Primary cluster" />
          <Dashboard.rows />
        </Page.dashboard>
      {{/if}}
    </ReplicationPage>
  </div>
</section>